<weui-items>
  <weui-item *ngFor="let task of values">

    <div weui-start (click)="detail(task)" class="mr-3">
      <div *ngIf="task.status === 'processing'">
        <span *ngIf="task?.taskType?.includes('startCheck') && !task?.taskType?.includes('startCheckComplete')">
          <div class="circle-text-creating">{{task?.taskType | processStatus}}</div>
        </span>
        <span *ngIf="task?.taskType?.includes('startCheckComplete') || task?.taskType?.includes('recheck')">
          <div class="circle-text-checking">{{task?.taskType | processStatus}}</div>
        </span>
        <span *ngIf="task?.taskType?.includes('hospitalModify')">
          <div class="circle-text-correcting">{{task?.taskType | processStatus}}</div>
        </span>
      </div>
      <span *ngIf="task.status === 'finished'">
        <div class="circle-text-finished line-breaker">{{task.status + task?.taskType | processStatus}}</div>
      </span>
    </div>

    <div weui-content (click)="detail(task)">
      <!--基于位置的排查 显示排查位置和排查大类-->
      <h2>{{task?.dimensionBased?.checkTarget}}</h2>
      <p><i class="fa fa-tasks"></i> 排查来源 : {{task?.dimensionBased?.checkSource?.name}}</p>
      <p><i class="fa fa-cog"></i> 隐患大类 : {{task?.dimensionBased?.templateItemName}}</p>
    </div>

    <div weui-last weui-note>
      <p class="text-success"><i class="fa fa-calendar"></i> 开始 :  {{task?.startTime | date: 'yy-MM-dd'}}</p>
      <p class="text-warning"><i class="fa fa-calendar"></i> 截止 : {{task?.dueDate | date: 'yy-MM-dd'}}</p>
      <!--初查完成恢复到微信端完成-->
      <weui-button *ngIf="task?.taskType?.includes('startCheckComplete') && task?.status !== 'finished'" mini color="primary" style="margin-left: 30px;" (click)="startCheckComplete(task)">初查完成</weui-button>
    </div>

  </weui-item>
</weui-items>
